// 如果不用class继承React组件就可以不用引入react
import React from 'react'

// 创建一普通组件 开头字母必须大写
const Sub1 = () => {
	// 普通组件的视图不能用render()方法 直接return即可 依旧是在<>这里写html内容</>
	return (
		<>
			<tbody>
				<tr>
					<td>我是sub1</td>
					<td>111</td>
				</tr>
			</tbody>
		</>
	)
}
// 创建一个类组件
class Sub2 extends React.Component {
	// 在类组件里不可以直接使用变量
	// let UserName = '棕熊'

	// 输出视图需要调用React组件里面的render()方法
	render() {
		return (
			<>
				<tbody>
					<tr>
						<td>我是sub2</td>
						<td>222</td>
					</tr>
				</tbody>
			</>
		)
	}
}
const SubAll = () => {
	return (
		<>
			<div className="nav2">
				<h4>1.组件的使用</h4>
				<table border={1}>
					<Sub1 />
					<Sub2 />
				</table>
			</div>
		</>
	)
}

// 抛出这个组件
export default SubAll
